<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>这是一个折线图例子</title>
    <script src="../static/js/echarts.min.js"></script>
    <style>
        #main {
            width: 700px;
            height: 600px;
            margin: 20px auto;
        }
    </style>
</head>
<body>
{#    准备一个盒子将统计图绘制上去#}
    <div id="main"></div>
    <script>
{#      将统计图初始化到盒子中#}
        var ectest = echarts.init(document.getElementById("main"));
        var option = {
                    {#x轴数据标注#}
                    xAxis: {
                        type: 'category',
                        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
                    },
                    {#y轴数据#}
                    yAxis: {
                        type: 'value'
                    },
                    {#给y传输数据#}
                    series: [{
                        data: [820, 932, 901, 934, 1290, 1330, 1320],
                        type: 'line'
                            }]
                };
        ectest.setOption(option)
    </script>
</body>
</html>